<template>
	<w-container id="page">
		<w-navbar id="lottery_nav" title="活动规则"></w-navbar>
		<u-parse :content='handleLang(lotteryRule)' style="color: #999;"></u-parse>
	<!-- 	<view class="content bg-color-item">
			<view class="title mb-16">
				<image :src="$ossUrl + '/static/cj/19.png'"></image>
				<text class="font-color-textPrimary">{{handleLang('规则详情')}}</text>
				<image :src="$ossUrl + '/static/cj/20.png'"></image>
			</view>
		</view> -->
	</w-container>
</template>

<script>
	export default {
		data() {
			return {
				lotteryRule:uni.getStorageSync('lotteryRule')
			};
		}
	}
</script>

<style lang="scss">
	#page{
		background-color: $main-bg-color;
		// background-image: url($IMG_URL + "/static/bg/my-bg.png");
		background-size: 100% auto;
		background-repeat: no-repeat;
		padding: 0 32rpx 32rpx;
		
		#lottery_nav /deep/ .u-navbar--fixed {
			// background-image: url("@/static/bg/my-bg.png");
			background-position: top;
			background-size: 100% auto;
		}
	}
	.content{
		width: 100%;
		min-height: 80vh;
		border-radius: 24rpx;
		padding: 40rpx 56rpx;
		margin-top: 30rpx;
		position: relative;
		>.title{
			width: 100%;
			@extend .flex-center;
			>text{
				font-size: 34rpx;
				font-weight: bold;
				margin: 0 32rpx;
			}
			>image{ width: 46rpx;height: 12rpx; }
		}
		&::before{
			content: '';
			width: 165rpx;
			height: 87rpx;
			background-image: url($IMG_URL + '/static/cj/21.png');
			background-size: 100% 100%;
			position: absolute;
			top: 0; 
			right: 0;
		}
		&::after{
			content: '';
			width: 165rpx;
			height: 87rpx;
			background-image: url($IMG_URL + '/static/cj/22.png');
			background-size: 100% 100%;
			position: absolute;
			bottom: 0;
			left: 0;
		}
	}
</style>
